<!DOCTYPE html>
<html lang="en">
<head>
    <title>导航左右滑动</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>详细信息</title>
    <link rel="stylesheet" href="css/amazeui.css"/>
    <link rel="stylesheet" href="css/admin.css">
    <script src="js/jquery-1.4.2.min.js"></script>

    <style type="text/css">
        body {
            -webkit-user-select: none;
            -webkit-text-size-adjust: none;
            font-family: helvetica;
        }

        .am-nav-pills li {
            font-size: 12px;
        }

        .fp-a {
            color: #c2c1bd;

        }
        iframe{
            width: 100%;
            height: 100%;
        }
    </style>
    <script>
        var loadcolor=false;
        window.onload=function () {
            var tag =document.getElementsByTagName("a");
            tag[0].style.color="#0e90d2";
            var page = window.localStorage.getItem("page");
            if(page==0){
                pageEnter("LeadOrders");
            }else if(page==1){
                pageEnter("DataQuery");
            }else if(page==2){
                pageEnter("DataInput");
            }else{
                pageEnter("LeadOrders");
            }

        }
        function pageEnter(id) {
            var tag =document.getElementsByTagName("a");
            if(loadcolor){
                tag[0].style.color="#c2c1bd";
            }
            var content = document.getElementById("content");
            tag[0].style.color="#c2c1bd";
            tag[1].style.color="#c2c1bd";
            tag[2].style.color="#c2c1bd";
            switch (id){
                case "LeadOrders":
                    tag[0].style.color="#0e90d2";
                    content.src="LeadOrders.html";
                    break;
                case "DataQuery":
                    tag[1].style.color="#0e90d2";
                    content.src="DataQuery.html";
                    break;
                case "DataInput":
                    tag[2].style.color="#0e90d2";
                    content.src="DataInput.html";
                    break;
            }
           loadcolor=!loadcolor;
        }
    </script>

</head>

<body>
<iframe id="content">

</iframe>
<footer id="footer">
    <div>
    <ul class="am-nav am-nav-pills am-topbar-fixed-bottom am-nav-fp-color">
        <li><a class="fp-a" onclick="pageEnter('LeadOrders')"><img src="img/Check.png"/><br>批示</a></li>
        <li><a class="fp-a" onclick="pageEnter('DataQuery')"><img src="img/Search.png"/><br>查询</a></li>
        <li><a class="fp-a" onclick="pageEnter('DataInput')"><img src="img/CheckIn.png"/><br>录入</a></li>
    </ul>
</div>
</footer>

</body>
</html>